<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-epm.css" />
    <script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
    <script type="text/javascript" src="js/bootstrap.js" ></script>
</head>
<body>
  <nav class="navbar navbar-inverse">
    <div class="navbar-header">
      <button class="navbar-toggle " data-toggle="collapse" data-target="#slider-left" >
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">员工信息管理后台</a>
    </div>

    <ul class="nav navbar-nav navbar-right ul-right">
      <li class="col-xs-4"><a href="#"><span class="badge bgRed">20</span></a></li>
      <li class="col-xs-4"><a href="#"></a>张三</li>
      <li class="col-xs-4"><a href="#"><span class="glyphicon glyphicon-off"></span>注销</a></li>
    </ul>

    <div id="slider-left" class="navber navbar-default navbar-collapse collapse slider-left">
	    <ul class="nav">
	        <li><a href="#sub0" data-toggle="collapse">首页<span class="glyphicon glyphicon-menu-right pull-right"></span></a></li>
	        
	    </ul>
	    <ul class="nav">
	        <li><a href="#sub1" data-toggle="collapse">系统功能<span class="glyphicon glyphicon-menu-right pull-right"></span></a></li>
	        <ul id="sub1" class="nav collapse">
	            <li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;系统信息<span class="badge bgRed">22</span></a></li>
	            <li><a href="#"><span class="glyphicon glyphicon-th-large"></span>&nbsp;&nbsp;日志信息<span class="badge bgRed">10</span></a></li>
	            <li><a href="#"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;退出</a></li>
	        </ul>
	    </ul>
	    <ul class="nav">
	        <li><a href="#sub2" data-toggle="collapse">员工管理<span class="glyphicon glyphicon-menu-right pull-right"></span></a></li>
	        <ul id="sub2" class="nav collapse">
	            <li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;添加用户</a></li>
	            <li><a href="#"><span class="glyphicon glyphicon-search"></span>&nbsp;&nbsp;查询员工</a></li>
	            <li><a href="#"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;修改员工</a></li>
	            <li><a href="#"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;删除员工</a></li>
	        </ul>
	    </ul>
	    <ul class="nav">
	        <li><a href="#sub3" data-toggle="collapse">其他功能<span class="glyphicon glyphicon-menu-right pull-right"></span></a></li>
	        <ul id="sub3" class="nav collapse">
	            <li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;员工统计</a></li>
	            <li><a href="#"><span class="glyphicon glyphicon-search"></span>&nbsp;&nbsp;部门管理</a></li>
	            <li><a href="#"><span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;会员管理</a></li>
	        </ul>
	    </ul>
		
    </div>
  </nav>
  
  <section>
  	<div class="br_left">
  		<ol class="breadcrumb">
		  <li><a href="#">Home</a></li>
		  <li><a href="#">Library</a></li>
		  <li class="active">Data</li>
		</ol>
  	</div>
  </section>
  
  <section>
  	<div class="main_panel">
  		<div class="container">
  			<div class="col-md-6">
  				<div class="panel-heading">
            		员工信息表
	            </div>
	            <div class="panel-body">
	                <table class="table table-bordered table-striped table-hover">
			            <th>员工编号</th>
			            <th>员工名字</th>
			            <th>操作</th>
		                <tr>
		                    <td>2019</td>
		                    <td>张三</td>
		                    <td>
			                    <a href="javascript:void(0)" onclick="deleteEmp(${emp.empno})" >删除</a>
			                    <a href="javascript:void(0)" onclick="updateEmp(${emp.empno})" >修改</a>
		                    </td>
		                </tr>
		                <tr>
		                    <td>2019</td>
		                    <td>张三</td>
		                    <td>
			                    <a href="javascript:void(0)" onclick="deleteEmp(${emp.empno})" >删除</a>
			                    <a href="javascript:void(0)" onclick="updateEmp(${emp.empno})" >修改</a>
		                    </td>
		                </tr>
		                <tr>
		                    <td>2019</td>
		                    <td>张三</td>
		                    <td>
			                    <a href="javascript:void(0)" onclick="deleteEmp(${emp.empno})" >删除</a>
			                    <a href="javascript:void(0)" onclick="updateEmp(${emp.empno})" >修改</a>
		                    </td>
		                </tr>
	                </table>
	            </div>
  			</div>
  			<div class="col-md-6">
  				<div class="panel-heading">
            		员工信息表
	            </div>
	            <div class="panel-body">
	                <table class="table table-bordered table-striped table-hover">
			            <th>员工编号</th>
			            <th>员工名字</th>
			            <th>操作</th>
		                <tr>
		                    <td>2019</td>
		                    <td>张三</td>
		                    <td>
			                    <a href="javascript:void(0)" onclick="deleteEmp(${emp.empno})" >删除</a>
			                    <a href="javascript:void(0)" onclick="updateEmp(${emp.empno})" >修改</a>
		                    </td>
		                </tr>
	                </table>
	            </div>
  			</div>
  			<div class="col-md-12">
  				<div class="panel-heading">
            		员工信息表
	            </div>
	            <div class="panel-body">
	                <table class="table table-bordered table-striped table-hover">
			            <th>员工编号</th>
			            <th>员工名字</th>
			            <th>操作</th>
		                <tr>
		                    <td>2019</td>
		                    <td>张三</td>
		                    <td>
			                    <a href="javascript:void(0)" onclick="deleteEmp(${emp.empno})" >删除</a>
			                    <a href="javascript:void(0)" onclick="updateEmp(${emp.empno})" >修改</a>
		                    </td>
		                </tr>
	                </table>
	            </div>
  			</div>
  		</div>
  	</div>
  </section>
</body>
</html>
